float label pattern - mrsekut-p

float label pattern

入力したらplaceholderがlabelに変わるやつ

http://mds.is/float-label-pattern/

https://i.gyazo.com/3a5bc6a5e4fba50a2d939a386cac5d6c.gif

MUIのText Fieldがコレを採用している

『Form Design Patterns』 p.24では非推奨

hintを書くスペースがない

読みにくい

さほどスペースを節約していない